<template>
  <body>
    <!--头部-->
    <div class="main">
      <div class="main-content">
        <div class="container-fluid">
          <div class="headarea">
            <div class="headarea-1">
              <span>挂号日期：</span>
              <el-date-picker
                v-model="value1"
                type="daterange"
                range-separator="——"
                start-placeholder=""
                end-placeholder=""
                :size="size"
              />
              <span>医生姓名：</span>
              <el-input
                v-model="input"
                class="input-1"
                placeholder="请输入姓名"
              />
            </div>
            <el-button type="primary">查询</el-button>
            <el-button type="primary" class="btn">导出 </el-button>
          </div>
        </div>
      </div>
    </div>
    <div class="foot">
      <h4>暂无数据</h4>
    </div>
  </body>
</template>

<script lang="ts" setup>

</script>

<style scoped>
.example-pagination-block {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
body {
  font-family: "sans-serif";
  font-size: 15px;
  color: #676a6d;
}
.main-content {
  padding: 28px 10px;
}
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.btn {
  float: right;
  margin-top: 5px;
}
.headarea {
  padding: 10px;
  margin-bottom: 20px !important;
  font-family: "sans-serif";
  font-size: 10px;
  color: #676a6d;
  margin: 0 0 20px;
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 2px 6px rgb(0 0 0 / 8%);
}
.headarea-1 {
  position: relative;
  display: inline-block;
  margin-right: 10px !important;
}
.input-1 {
  width: auto;
  display: inline-block;
  /* border-radius: 2px; */
  /* border-color: #eaeaea;
      background-color: #fcfcfc; */
  padding: 6px 12px;
  font-size: 10px;
  /* line-height: 1; */
  color: #555;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.foot{
  display: flex;
  justify-content: center;
  height: 30PX;
  border: 1px floralwhite solid;
  
}
</style>